<template>
  <div>
    <!-- 
      过滤器的使用是在插值语法中 在数据后添加一个管道符 后面书写过滤器
      如果过滤器不需要传参 则直接书写过滤器名称即可
      如果过滤需要传参 则直接传参
      插值语法中如果有过滤器,则插值语法展示的其实是过滤器函数的返回值

     -->
    <p>局部过滤器</p>
    <p>商品1的价格是{{price|priceFormat(2)}}</p>
    <p>商品2的价格是{{price|priceFormat(1)}}</p>

    <hr>

    <p>全局过滤器</p>
    <p>{{1000000|formatDate('YYYY年 MM月DD日 HH点mm分ss秒')}}</p>
    <p>{{1000000|formatDate('YYYY-MMD-D-HH-mm-ss')}}</p>
  </div>
</template>

<script>
export default {
  name:'App',
  data(){
    return{
      price:1000
    }
  },
  filters:{
    /* 
    局部注册过滤器通过filters配置项定义
      -过滤器的第一个参数是被过滤的数据
      -过滤器后边的参数是 在调用过滤器时传入的参数
    */
    priceFormat(data,num){
      return '￥'+data.toFixed(num)
    }
  }
}
</script>

<style>

</style>